// var imgLength = $(".parentBox .item");
// var potLength = $(".parentBox .pot");
function operation(className) {
  var isNum = 0;
  var imgLength = $("." + className + " .item");
  var potLength = $("." + className + " .pot");
  var leftArrow = $("." + className + " .leftArrow");
  var rightArrow = $("." + className + " .rightArrow");
  $(potLength[0]).addClass('active');
  function leftClick() {
    $(imgLength[isNum]).removeClass("itemActive");
    $(potLength[isNum]).removeClass("active");
    if (isNum == 0) {
      isNum = imgLength.length - 1;
    } else {
      isNum = isNum - 1;
    }

    $(imgLength[isNum]).addClass("itemActive");
    $(potLength[isNum]).addClass("active");
  }

  function rightClick() {
    $(imgLength[isNum]).removeClass("itemActive");
    $(potLength[isNum]).removeClass("active");
    if (isNum == imgLength.length - 1) {
      isNum = 0;
    } else {
      isNum = isNum + 1;
    }
    $(imgLength[isNum]).addClass("itemActive");
    $(potLength[isNum]).addClass("active");
  }
  function botClick() {
    $(imgLength[isNum]).removeClass("itemActive");
    $(potLength[isNum]).removeClass("active");
    // console.log($(this));
    // console.log($(this).index());
    // console.log($(this)[0].dataset.index);
    isNum = parseInt($(this).index());
    $(imgLength[isNum]).addClass("itemActive");
    $(potLength[isNum]).addClass("active");
  }
  leftArrow.click(leftClick);
  rightArrow.click(rightClick);
  potLength.click(botClick);
  stop();
  run();
  var timer;
  // 自动轮播
  function run() {
    $("." + className).mouseleave(function () {
      timer = setInterval(function () {
        // console.log(333);
        // $(imgLength[isNum]).removeClass("itemActive");
        // $(potLength[isNum]).removeClass("active");
        // $(potLength[isNum]).children()[0].src = "./img/" + (isNum + 1) + ".gif";
        // if (isNum == imgLength.length - 1) {
        //   isNum = 0;
        // }
        // $(imgLength[isNum]).addClass("itemActive");
        // $(potLength[isNum]).addClass("active");
        // $(potLength[isNum]).children()[0].src = "./img/" + (isNum + 1) + "-2.gif";

        rightClick();
      }, 5000);
    });
  }
  function stop() {
    $("." + className).mouseenter(function () {
      // console.log(6666);
      clearInterval(timer);
    });
  }
  timer = setInterval(function () {
    // console.log(111);
    // $(imgLength[isNum]).removeClass("itemActive");
    // $(potLength[isNum]).removeClass("active");
    // $(potLength[isNum]).children()[0].src = "./img/" + (isNum + 1) + ".gif";
    // if (isNum == imgLength.length - 1) {
    //   isNum = 0;
    // }
    // $(imgLength[isNum]).addClass("itemActive");
    // $(potLength[isNum]).addClass("active");
    // $(potLength[isNum]).children()[0].src = "./img/" + (isNum + 1) + "-2.gif";
    rightClick();
  }, 5000);
    // // 监听标签页关闭，并停止轮播
    // if($(document)[0].visibilityState=='visible') {
    //   timer = setInterval(function () {
    //     rightClick();
    //   }, 5000);
    // } else {
    //   clearInterval(timer);
    // }
  
}
